

.currentPage {
    width: 100%;
}

/* details */
.details {
    width: 1210px;
    margin: 50px auto;
    overflow: hidden;
}
.details > * {
    float: left;
}
.dImg {
    width: 610px;
    overflow: hidden;
}
.dImg > * {
    float: left;
}
.imgShow {
    width: 470px;
    height: 416px;
    overflow: hidden;
}
.showDiv{
    height: 416px;
}
.imgShow > div > img {
    width: 100%;
}
.imgList {
    width: 130px;
    height: 366px !important;
    margin-top: 26px;
    margin-left: 10px;
}
.imgList .slick-prev {
    width: 130px;
    height: 25px;
    background: url(../images/details/prev.jpg) center center no-repeat;
    top: -12px;
    left: 0;
}
.imgList .slick-next {
    width: 130px;
    height: 25px;
    background: url(../images/details/next.jpg) center center no-repeat;
    top: 378px;
    left: 0;
}
.imgList .slick-prev:before {
    content: '';
}
.imgList .slick-next:before {
    content: '';
}
.listItems {
    width: 122px !important;
    height: 102px !important;
    border: solid 4px transparent !important;
    margin-top: 10px;
    overflow: hidden;
}

.imgList .slick-center {
    border: solid 4px #db382b !important;
}
.listItems img {
    width: 100%;
}

.dIntro {
    width: 578px;
    height: 416px;
    position: relative;
    float: right;
}
.dIntro h2 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    margin: 0;
    margin-bottom: 20px;
}
.dIntro dl {
    line-height: 36px;
    overflow: hidden;
}
.dIntro dl> * {
    display: block;
}
.dIntro dl dt {
    font-size: 14px;
    color: #a3a3a3;
    margin-right: 15px;
    float: left;
}
.IdNum dd {
    font-size: 14px;
    color: #a3a3a3;
}
.PriceNum dd {
    font-size: 16px;
    color: #333;
}
.PriceNum em {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #db382b;
}
.PriceNum .price {
    font-size: 20px;
    color: #db382b;
}
.PriceNum .look-price{
    color: #db382b;
}
.creditIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/details/credit.jpg) center center no-repeat;
    vertical-align: -22%;
    margin-right: 10px;
}
.payType {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-left: 30px;
}
.Address span {
    font-size: 14px;
    color: #333;
    margin-right: 14px;
}
.Address span:last-child {
    margin: 0;
}
.locIcon {
    display: inline-block;
    width: 12px;
    height: 18px;
    background: url(../images/details/Location.png) center center no-repeat;
    vertical-align: middle;
}
.Type {
    font-size: 14px;
    color: #333;
}
.rentType {
    margin-right: 10px;
}
.Room dd{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding: 2px 3px;
    border: solid 2px #ccc;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}
.Room .selectedRoom {
    border: solid 2px #db382b;
    position: relative;
}
.Room .livedRoom {
    color: #878787;
    background: #dfdfdf;
    border: solid 2px #dfdfdf;
}
.Room .selectedRoom:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/details/selectedRoom.png) center center no-repeat / contain;
    position: absolute;
    right: 0; bottom: 0;
}
.tel dd {
    font-size: 14px;
    color: #333;
}
.buttonLine {
    position: absolute;
    bottom: 0;
}
.buttonLine > * {
    float: left;
    cursor: pointer;
}
.visitButton {
    width: 316px;
    height: 56px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 56px;
    background: #db382b;
    border-radius: 4px;
}
.telButton {
    width: 158px;
    height: 54px;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 54px;
    border: solid 1px #ccc;
    border-radius: 4px;
    margin-left: 16px;
}


/* detailsBlock */
.detailsBlock {
    width: 100%;
    border-top: solid 4px #db382b;
    overflow: hidden;
}
.dbContent {
    width: 1210px;
    margin: 0 auto;
}
.houseNearby {
    width: 238px;
    float: right;
    margin-top: 56px;
    margin-right: 10px;
}
.houseNearby h5{
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 14px;
    margin: 0;
}
.nearbyPart {
    margin: 20px 0;
}
.nearbyImg {
    width: 238px;
    height: 176px;
}
.nearbyAdd {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    padding-top: 4px;
}
.nearbyRow{
    width: 100%;
    overflow: hidden;
    padding-top: 6px;
}
.nearbyItem {
    font-size: 12px;
    color: #333;
    display: inline-block;
}
.nearbyPrice {
    float: right;
}
.nearbyAddress {
    float: left;
}
.information {
    max-width: 918px;
    float: left;
    margin-bottom: 50px;
}
.inforNav {
    overflow: hidden;
}
.inforNav li {
    width: 136px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #fbfbfb;
    border-right: solid 1px #ccc;
    float: left;
    cursor: pointer;
}
.inforNav li a {
    width: 136px;
    height: 50px;
    color: #000;
    display: inline-block;
}
.inforNav li:first-child {
    border-left: solid 1px #ccc;
}
.inforNav .infoNavCurrent {
    background: transparent;
}
/*
户型图放大
*/
.houseType-box{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    display: none;
    z-index: 3000;
}
.houseType-box .show_thumb{
    width: 80%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.baseInfo {
    margin-top: 26px;
}
.same h4 {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    position: relative;
    margin-left: 18px;
}
.same h4:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #db382b;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: -24px;
}
.roomEvir {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.roomEvir h4:after {
    display: none;
}
.roomInfoSelect {
    width: 820px;
}
.selectPart {
    width: 818px;
    height: 98px;
    border: solid 1px #ccc;
    border-radius: 3px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 26px;
}
.selectPart > * {
    height: 60px;
    border-right: solid 1px #ccc;
    float: left;
    margin-top: 19px;
}
.indexArea {
    width: 132px;
    text-align: center;
}
.indexArea .index {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}
.indexArea .area  {
    font-size: 16px;
    color: #333;
}
.selectPart .price {
    width: 152px;
    font-size: 16px;
    font-weight: bold;
    color: #db382b;
    text-align: center;
    line-height: 60px;
}
.selectPart .price span{
    font-size: 30px;
}
.userInfo {
    width: 318px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.userInfo > * {
    float: left;
}
.sexImg {
    width: 50px;
    height: 50px;
    background: url(../images/details/sexImg.png) center center no-repeat;
    margin-top: 5px;
    margin-left: 26px;
}
.sexMale {
    background: url(../images/details/sexMale.png) center center no-repeat;
}
.sexFemale {
    background: url(../images/details/sexFemale.png) center center no-repeat;
}
.infoPart {
    margin-left: 6px;
}
.zodiac_job {
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
}
.zodiac_job > div {
    float: left;
    margin-right: 10px;
}
.environment {
    width: 186px;
    border-right: none;
}
.environment div i {
    display: inline-block;
    width: 11px;
    height: 11px;
}
.environment div {
    text-align: center;
    margin: 5px 0;
}
.environment div span{
    text-align: center;
    margin-right: 10px;
}
.environment div .has {
    background: url(../images/details/hasEnvir.png) center center no-repeat;
    margin-right: 5px;
}
.environment div .hasnt {
    background: url(../images/details/hasnt.png) center center no-repeat;
    margin-right: 5px;
}
.ifLive {
    width: 28px;
    height: 100px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #db382b;
    border: none;
    border-radius: 0px 3px 3px 0px;
    position: absolute;
    top: -1px;
    right: -1px;
    margin: 0;
}
.livedAlready {
    background: #aeaeae;
}
.ifLive:before {
    display: inline-block;
    content:'';
    height: 100%;
    vertical-align: middle;
}
.ifLive span {
    display: inline-block;
    width: 1em;
    line-height: 14px;
    vertical-align: middle;
}
.equip {
    height: 76px;
    border-radius: 3px;
    margin-left: 26px;
    border: solid 1px #ccc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 10px;
}
.equipPart {
    text-align: center;
    padding: 5px 30px;
    float: left;
}
.equipPart img{
    width: 48px;
    height: 48px;
}
.listContent {
    width: 680px;
    margin-left: 26px;
}
.infoPicList {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.infoPicPart {
    width: 330px;
    height: 218px;
    position: relative;
    float: left;
    margin-bottom: 20px;
}
.infoPicPart span {
    display: block;
    width: 60px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background: #db382b;
    position: absolute;
    bottom: 0;
    left: 0;
}
.infoPicPart:nth-child(odd) {
    margin-right: 20px;
}
.infoPicPart img {
    width: 100%;
}

.publicList {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.publicContent {
    margin-left: 26px;
    overflow: hidden;
    position: relative;
}
.publicPicPart {
    width: 400px;
    height: 265px;
    float: left;
    margin-bottom: 16px;
}
.publicPicPart:nth-child(2n){
    margin-left: 20px;
}
.whyChoseContent {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.whtChoseImg {
    margin-left: 26px;
}
.howRentContent {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.howRentImg {
    margin-left: 26px;
}
.howRentImg img {
    width: 100%;
}
.guessYouLike {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.guessContent {
    margin-left: 26px;
    overflow: hidden;
}
.guessPart {
    float: left;
    margin-right: 10px;
}
.guessAdd {
    font-size: 12px;
    color: #666;
    margin: 6px 0;
}
.guessPrice {
    font-size: 12px;
    color: #333;
}



.mapContent {
    border-left: dashed 1px #ccc;
    overflow: hidden;
}
.mapArea {
    margin-left: 26px;
}
.mapTable {
    width: 858px;
    overflow: hidden;
}
.mapTable > div {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 12px 0;
    border-bottom: solid 1px #e5e5e5;
    overflow: hidden;
}
.mapTable > div:first-child {
    border-top: solid 1px #e5e5e5;
}
.mapTable > div:nth-child(odd) {
    background: #fafbfb;
}
.mapTable > div > div {
    display: inline-block;
    vertical-align: text-top;
}
.mapTable > div > .title {
    width: 150px;
    padding: 0 30px;
}
.mapTable > div > .content {
    width: 550px;
    padding: 0 30px;
}
.mapOut {
    width: 858px;
    border: solid 1px #e5e5e5;
    margin-top: 20px;
}
.mapOut > ul {
    text-align: center;
    overflow: hidden;
}
.mapOut > ul > li {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 16px 14px;
    position: relative;
    cursor: pointer;
}
.mapOut > ul > .current_li:after {
    display: block;
    content: '';
    width: 100%;
    height: 4px;
    background: #db382b;
    position: absolute;
    top: 0; left: 0;
}
#map {
    width: 858px;
    height: 386px;
}
.mapSearch {
    height: 70px;
}
.mapSearch:after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}
.mapSearch > * {
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}
.mapSearch > *:first-child {
    margin-left: 16px;
    margin-right: 16px;
}
.mapSearch input {
    padding: 8px 6px;
    border: solid 1px #e5e5e5;
}
.mapButton {
    padding: 6px 16px;
    border: solid 1px #ccc;
    border-radius: 3px;
    cursor: pointer;
}


